//0 引入 用来发送请求的方法
import {request} from "../../request/index.js"
Page({

  /**
   * 页面的初始数据
   */
  data: {
    //左侧得菜单数据
    leftMenuList:[],
    //右侧的商品数据
    rightMenuList:[], 
    //被点击的左侧菜单
    currentIndex:0,
    // 右侧商品滚动条滚到顶部的距离
    scrollTop:0
  },
  //接口的返回数据
  Cates:[],

  onLoad: function (options) {
    this.getCates();
    const Cates=wx.getStorageSync('cates')
    if(!Cates){
      this.getCates()
    }
  },
  //获取分类数据
  getCates(){
    request({
      url:"/categories"
    }).then(res=>{
      // console.log(res);
      this.Cates=res.data.message;
      wx.setStorageSync('cates',{time:Date.now(), data:this.Cates});
      //构造左侧的菜单数据
      let leftMenuList=this.Cates.map(v=>v.cat_name);
       //构造右侧的菜单数据
       let rightMenuList=this.Cates[0].children;
      this.setData({
        leftMenuList,
        rightMenuList
      })
    })
  },
  //左侧菜单的点击事件
  handleItemTap(e){
    // 获取被点击标签的索引
    // console.log(e.target.dataset.index)
    const index=e.target.dataset.index;
    let rightMenuList=this.Cates[index].children;
    this.setData({
      currentIndex:index,
      rightMenuList,
      scrollTop:0
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})